<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="jquery-3.4.1.min.js"></script>
    <script>
        //AJAX  asynchronous(异步) javascript and xml
        //AJAX原生写法
        // //第一步
        // xhr = new XMLHttpRequest();
        // //第二步
        // xhr.open("post","test.php");
        // //第三步
        // xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
        // //第四步
        // xhr.send("a=1&b=10");      //get请求的写法
        // //第五步
        // xhr.onreadystatechange = function(){
        //     if(xhr.status==200 && xhr.readyState == 4){
        //         var result = xhr.responseText;  //获取结果
        //         alert(result);
        //     }
        // }

        //JQuery中的AJAX语法
        // $.ajax({
        //     url: '',
        //     type:'post|get',
        //     data:'数据',
        //     dataType:'text|json|xml|script',
        //     success:function(re){
        //         //服务器回传数据处理
        //     }
        // });

        //JSON
        //第一种
        // {name:'张三',age:19};
        // //第二种
        // [{name:'张三',age:19},{name:'李四',age:59},{name:'王五',age:29}];
        // //结合方式
        // {list:{name:'张三',age:19},{name:'李四',age:59},{name:'王五',age:29}}

        // var studentOne = {name:'张三',age:29};
        // var students = [{name:'张三',age:19},{name:'李四',age:59},{name:'王五',age:29}];
        // $(function(){
        //     var n,a;
        //     for(var k in students){
        //         n = students[k].name;
        //         a = students[k].age;
        //         $("#tb").append("<tr><td>"+n+"</td><td>"+a+"</td></tr>");
        //     }
        // })

    </script>
</head>
<body>
    <h1>JSON</h1>
    student名称:
    <script>
        document.write(studentOne.name);
    </script>
    <table id="tb">
        <tr>
            <th>name</th>
            <th>age</th>
        </tr>
    </table>
</body>
</html>